// 1、使用哪一个事件
// 	使用onscroll，此事件移动端和PC端都有效
// 2、如何获取滚动条位置
// 	获取PC端滚动条位置：document.documentElement.scrollTop//基于HTML
// 	获取移动端滚动条位置：document.body.scrollTop//基于body
// 3、如何获取视口宽度
// 	document.documentElement.clientWidth//移动端和PC端都有效

// 文档就绪函数，保证执行到js代码时html已经全部加载完毕
window.onload = function(){
	document.onscroll = function(){
		// 获取滚动条位置
		let s1 = document.documentElement.scrollTop;
		let s2 = document.body.scrollTop;
		let scroll = s1 == 0?s2:s1;
		// 获取视口宽度
		let width = document.documentElement.clientWidth;
		// 获取顶部固定块
		let search = document.getElementById('fixedBox');
		// 判断滚动条超过视口的12%时，搜索块变固定定位
		if(scroll>width*0.12){
			search.style.position = 'fixed';// css怎么写这里就怎么写
			search.style.left = '0';
			search.style.top = '0';
		}else{
			search.style.position = 'static';
		}
		
	}
}